<nz-layout class="layout">
  <nz-sider nzCollapsible nzBreakpoint="lg" [nzCollapsedWidth]="0">
    <div class="text-white fs-3 logo bg-dark text-start font-monospace">丢失查找</div>
    <ul nz-menu nzTheme="dark" nzMode="inline">
      <li nz-menu-item routerLink="find">
        <img width="20" height="20" src="assets/pickup.svg" alt="拾到"/>
        <span class="m-1">拾到物品</span>
      </li>
      <li nz-menu-item routerLink="lost">
        <span nz-icon nzType="user"></span>
        <span>丢失物品</span>
      </li>
      <li nz-menu-item (click)="tryUpload()">
        <span nz-icon nzType="upload"></span>
        <span>发布丢失</span>
      </li>
      <li nz-menu-item routerLink="me">
        <span nz-icon nzType="upload"></span>
        <span>我的发布</span>
      </li>
      <li nz-menu-item routerLink="account">
        <span nz-icon nzType="user"></span>
        <span>我的账号</span>
      </li>
    </ul>
  </nz-sider>
  <nz-layout>
    <nz-header>
      <div class="m-1 text-dark h3">
        物品丢失和拾取登记与查询系统
      </div>
    </nz-header>
    <nz-content>
      <router-outlet></router-outlet>
    </nz-content>
    <nz-footer>Ant Design ©2020 Implement By Angular</nz-footer>
  </nz-layout>
</nz-layout>
